<template>
  <view class="container">
    <!-- 页面标题 -->
    <view class="page-title">我的简历列表</view>

    <!-- 简历列表容器 -->
    <view class="resume-list">
      <!-- 动态渲染简历模块（示例数据） -->
      <view 
        class="resume-item" 
        v-for="(item, index) in resumeList" 
        :key="index"
        @click="navigateToResumeList(item)"
      >
        <!-- 简历类型标题 -->
        <view class="item-header">
          <text class="item-type">{{ item.type }}</text>
          <text class="item-status">{{ item.status }}</text>
        </view>

        <!-- 简历基本信息 -->
        <view class="item-content">
          <text class="item-info">创建时间：{{ item.createTime }}</text>
          <text class="item-info">最后编辑：{{ item.updateTime }}</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      // 示例简历数据（实际应从接口获取）
      resumeList: [
        {
          type: '实习简历',
          status: '编辑中',
          createTime: '2024-03-15',
          updateTime: '2024-03-20 14:30'
        },
        {
          type: '秋招简历',
          status: '已完成',
          createTime: '2024-02-20',
          updateTime: '2024-03-18 16:15'
        },
        {
          type: '春招简历',
          status: '待完善',
          createTime: '2024-01-10',
          updateTime: '2024-03-05 11:20'
        },
        // 新增5类简历数据
        {
          type: '社招简历',
          status: '编辑中',
          createTime: '2024-03-22',
          updateTime: '2024-03-25 15:40'
        },
        {
          type: '海外岗位简历',
          status: '已提交',
          createTime: '2024-03-18',
          updateTime: '2024-03-23 17:20'
        },
        {
          type: '校内实习简历',
          status: '待审核',
          createTime: '2024-03-10',
          updateTime: '2024-03-21 13:10'
        },
        {
          type: '技术岗简历',
          status: '已完成',
          createTime: '2024-02-28',
          updateTime: '2024-03-26 14:50'
        },
        {
          type: '产品岗简历',
          status: '待完善',
          createTime: '2024-03-05',
          updateTime: '2024-03-24 16:30'
        }
      ]
    }
  },
  methods: {
    // 新增跳转方法
    navigateToResumeList(item) {
      // 跳转到resumeList.vue并传递简历类型参数
      uni.navigateTo({
        url: '/pagesInterview/resumeList/resumeList?type=' + encodeURIComponent(item.type)
      })
    }
  }
}
</script>

<style scoped>
.container {
  padding: 30rpx;          /* 页面整体内边距 */
  min-height: 100vh;       /* 占满视口高度 */
  background: #f8f9fc;     /* 与其他页面背景色统一 */
}

.page-title {
  font-size: 36rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 40rpx;    /* 标题与列表间距 */
  padding-left: 20rpx;     /* 与列表模块左对齐 */
}

.resume-list {
  display: flex;           /* 纵向排列模块 */
  flex-direction: column;
  gap: 30rpx;              /* 模块间间距 */
}

.resume-item {
  background: #fff;        /* 模块背景色 */
  border-radius: 16rpx;    /* 四周圆角 */
  padding: 24rpx;          /* 模块内边距 */
  box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.05); /* 轻微阴影增强层次感 */
}

.item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16rpx;    /* 标题与内容间距 */
  cursor: pointer;
}

.item-type {
  font-size: 32rpx;
  font-weight: 600;
  color: #333;
}

.item-status {
  font-size: 28rpx;
  color: #409eff;          /* 状态色使用项目主色（示例） */
}

.item-content {
  display: flex;
  flex-direction: column;
  gap: 12rpx;              /* 信息项间距 */
}

.item-info {
  font-size: 28rpx;
  color: #666;
}
</style>
